---
title: 체인들
description: 체인 사용자 정의
---

# 체인들

## 체인 사용자 정의

RainbowKit는 [wagmi의 `체인` 객체](https://wagmi.sh/react/chains)와 통합하도록 설계되었습니다. 지원되는 체인 목록은 [여기](https://wagmi.sh/react/chains#supported-chains)에서 확인하세요.

### 초기 체인 사용자 정의

기본적으로 RainbowKit는 Wagmi에 제공된 첫 번째 체인에 연결합니다. 이 동작은 `initialChain` 속성을 통해 사용자 정의할 수 있습니다.

초기 체인은 체인 ID를 사용하여 구성할 수 있습니다.

```tsx
<RainbowKitProvider initialChain={1}>
```

편의를 위해 체인 객체도 전달할 수 있습니다.

```tsx
<RainbowKitProvider initialChain={mainnet}>
```

### 사용자 정의 체인 메타데이터

여러 체인 아이콘 및 배경이 기본적으로 제공되며, 각 체인의 아이콘 및 배경은 `iconUrl` 및 `iconBackground` 속성을 사용하여 사용자 정의할 수 있습니다.

`getDefaultConfig` 예시

```tsx
import { mainnet, optimism } from 'wagmi/chains';

const config = getDefaultConfig({
  chains: [
    {
      ...mainnet,
      iconBackground: '#000',
      iconUrl: 'https://example.com/icons/ethereum.png',
    },
    {
      ...optimism,
      iconBackground: '#ff0000',
      iconUrl: 'https://example.com/icons/optimism.png',
    },
  ],
});
```

`createConfig` 예시

```tsx
import { mainnet, optimism } from 'wagmi/chains';
import { Chain } from '@rainbow-me/rainbowkit';

const chains: readonly [Chain, ...Chain[]] = [
  {
    ...mainnet,
    iconBackground: '#000',
    iconUrl: 'https://example.com/icons/ethereum.png',
  },
  {
    ...optimism,
    iconBackground: '#ff0000',
    iconUrl: 'https://example.com/icons/optimism.png',
  },
];

const config = createConfig({
  chains,
});
```
